<!DOCTYPE html>
<html lang="en">
<!--导入定义的变量-->
<#include "common/virs.ftl" />
<head>
    <meta charset="UTF-8">
    <title>关于</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="hyblog,博客,杨德明,杨德明的个人博客,it,技术">
    <meta name="description" content="站长专注于java开发，高并发、高可用、分布式……">
    <link rel="shortcut icon" href="./static/pic/favicon.ico">
    <link rel="stylesheet" href="${layui_css}">
    <link rel="stylesheet" href="${main_css}">
    <!-- 字体 -->
    <link rel="stylesheet" href="${font_awesome_css}">
    <!--动画-->
    <link href="${animate_css}" rel="stylesheet">
    <style type="text/css">
        .about p{
            text-align: center;
            margin: 20px 0;
            font-weight: bold;
            font-size: 16px;
        }
    </style>
</head>
<body>
<!--整体容器-->
<div class="hy-blog">

    <!--导航条导入-->
    <#include "templates/nav.html" />
    <!-- 主体内容 -->
    <div class="layui-container">
        <div class="layui-row">
            <!--主体内容-->
            <div class="layui-col-xs12 animated fadeInLeft">
                <!--最外层warp-->
                <div class="about layui-col-xs12">

                    <h1 style="text-align: center">关于作者</h1>
                    <hr />
                    <p></p>
                    <p>杨德明</p>
                    <p>一枚90后程序员</p>
                    <p>Java开发工程师，主攻后端，略懂Web前端</p>
                    <p>QQ:609581268</p>
                    <p>WeChat:yalvhe2009</p>
                    <p>Site:http://www.dmyang.club</p>


                    <h1 style="text-align: center;margin-top: 30px;">关于本站</h1>
                    <hr />
                    <p></p>
                    <p>采用Spring SpringMVC Mybatis等框架</p>
                    <p>MySQL数据库、Redis缓存</p>
                    <p>前后端分离</p>
                    <p>七牛云存储，百度cnd加速</p>
                    <p>Web前端采用layui框架</p>

                    <p>念念不忘，必有回响。</p>
                    <p>THE END</p>


                </div>
            </div>

        </div>
    </div>
    <!-- 主体内容end -->

    <!--导入footer-->
    <#include "templates/foot.html" />
</div>
<!--layui-->
<script src="${layui_js}"></script>
<script>
    layui.use(['element','jquery','layer'], function () {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        var $ = layui.jquery;
        var layer = layui.layer;
        //监听导航点击
        element.on('nav(demo)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });
        //给【留言板】添加layui-this的样式
        $("#nav-aboutm").addClass("layui-this");

    });
</script>
</body>
</html>